<template lang="pug">
  div.page.page-1
    div.side-bar.left
      ModulePopulation
      ModuleLand
      ModuleSeedArea
    div.center
      ModuleMedicalData
    div.side-bar.right
      ModuleGreenFood
      ModuleApplication
      ModulePolicy
</template>

<script>
import ModuleMedicalData from "./components/ModuleMedicalData";
import ModulePopulation from "./components/ModulePopulation";
import ModuleLand from "./components/ModuleLand";
import ModuleSeedArea from "./components/ModuleSeedArea";
import ModuleGreenFood from "./components/ModuleGreenFood";
import ModuleApplication from "./components/ModuleApplication";
import ModulePolicy from "./components/ModulePolicy";
import {mapMutations} from "vuex";

export default {
  name: "index",
  components: {
    ModuleMedicalData,
    // 人口
    ModulePopulation,
    // 土地
    ModuleLand,
    // 播种面积
    ModuleSeedArea,
    // 土地
    ModuleGreenFood,
    // 应用
    ModuleApplication,
    // 政策
    ModulePolicy,
  },
  data() {
    return {
    }
  },
  methods: {
    ...mapMutations({
      // 设置点位
      setMarkers: 'map/SET_MARKERS',
      // 清除点位
      clearMarkers: 'map/CLEAR_MARKERS',
      setNetworkError: 'network/SET_NETWORK_ERROR',
    }),
  },
  mounted() {}
}
</script>

<style lang="scss" scoped>
.page-1{
  flex: 1;
  display: flex;
  .side-bar{
    min-width: rem(460);
    display: flex;
    flex-direction: column;
    &.right{
      width: rem(400);
    }
  }
  .center{
    flex: 1;
  }
}
</style>
